﻿/********************字体图标******************************************************************/
@font-face{font-family: 'FontAwesome';src: url('font/fontawesome-webfont.eot');src: url('font/fontawesome-webfont.eot?#iefix') format('font/embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'),url('font/fontawesome-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
.md{background-color: #EAEAEA;min-width:998px;}
.iconfont{font-family:'FontAwesome';font-style:normal;}

/*************************************箭头样式**************************************************/
.md .tri{display:block;position:absolute;content:'';height:0;width:0;font-size:0;line-height:0;}
.md .tri:after{display:block;position:absolute;content:'';height:0;width:0;font-size:0;line-height:0;}

/*************************************头部导航栏************************************************/
.md .top{position: fixed;z-index:1100;top: 0;left: 0;width: 100%;min-width:1000px;height: 60px;background-color: #fff;border-bottom: 1px solid #D2D2D2;box-shadow: 0 1px 2px #D2D2D2;-webkit-box-shadow:0 1px 2px #D2D2D2;-moz-box-shadow:0 1px 2px #D2D2D2;-o-box-shadow:0 1px 2px #D2D2D2;}
.md .top .tc{margin-left:60px;}
.md .top .logo{display:block;float:left;padding:0 48px 0 48px;height:60px;line-height:60px;font-size:24px;color:#444;}
.md .top .tnav{margin-right:30px;float:right;}
.md .top .tnav li{position:relative;float:left;height:60px;line-height:60px;color:#767676;font-size:16px;}
.md .top .tnav li.sep{margin:0 10px;}
.md .top .tnav li .ic0{color:#86AB71;}
.md .top .tnav li a{color:#767676;font-size:16px; cursor:pointer;}
.md .top .tnav li a:hover{color:#2981BA;text-decoration:underline;}
/*****************************************左侧导航栏******************************************************/
.md .menu{position: fixed;z-index:1200;top: 0;left: 0;width:60px;height: 100%;box-shadow:1px 0 0 #8BC0E4;background-color:#2980b9;background-image:linear-gradient(to right, #2980b9 0%, #3896d3 100%);}
.md .menu .t{display:block;height:60px;line-height:60px;border-bottom:1px solid #20638f;text-align:center;}
.md .menu .iconfont{font-size:24px;color:#fff;text-align:center;}
.md .menu .menut{margin-top:20px;}
.md .menu .menut li{float:left;border-style:solid;border-width:0 3px;border-color: transparent ;width:54px;}
.md .menu .menut li a,.md .menu .menut li span{display:block;position:relative;height:54px;line-height:54px;border-bottom:1px solid #20638F;box-shadow:0 1px 0 #5EA7D7 inset;-webkit-box-shadow:0 1px 0 #5EA7D7 inset; -moz-box-shadow:0 1px 0 #5EA7D7 inset;-o-box-shadow:0 1px 0 #5EA7D7 inset;text-align:center; cursor:pointer;}
.md .menu .menut li .n{ display:block;position:absolute;top:8px;right:2px;padding:0 8px;height:16px;line-height:16px;border-radius:8px;background-color:#DB5353;color:#fff;font-size:12px; }
.md .menu .menut li.cur{border-left-color:#F1C40F;background-color:#3498DB;}
.md .menu .menut li:hover{border-left-color:#F1C40F;background-color:#3498DB;}
.md .menu .menut li.cur a{padding-left:3px;}
.md .menu .menut li:hover a{padding-left:3px;}
.md .menu.active .menud{display:block;}
.md .menu .menud{display:none;position:absolute;left:61px;top:0;margin-top:60px;width:200px;height:100%;box-shadow:4px 0 3px #1F2C38 inset;background-color:#2C3E50;overflow:hidden;}
.md .menu .menud .cn{padding:20px 20px 0 20px;height:100%;box-shadow:-4px 0 3px #1F2C38 inset;}
.md .menu .menud li{float:left;width:100%;border-bottom:1px solid #1F262E;box-shadow:0 1px 0 #405A75;}
.md .menu .menud li a{display:block;position:relative;padding:0 15px;height:54px;line-height:54px;color:#D5DDE5;font-size:14px;}
.md .menu .menud li:hover a:after{display:block;position:absolute;content:'';top:23px;left:-3px;width:10px;height:10px;background-color:#FFCC00;border-radius:5px;}

/****************************************内容主面板******************************************************/
.md .main{padding:60px 0 0 60px;}
.md .main.active{padding:80px 30px 20px 290px;}

/**********************************面板**************************************/
.md .box .hd,.md .msg .hd{height:40px;border:1px solid;border-color:#148F77 #148F77 #0E6252 #148F77;box-shadow:0 2px 3px #CECECE;border-radius:5px 5px 0 0;background-color:#1AB899;background-image:linear-gradient(#1BBB9B,#17A78A);background-image:-webkit-linear-gradient(#1BBB9B,#17A78A);background-image:-moz-linear-gradient(#1BBB9B,#17A78A);background-image:-o-linear-gradient(#1BBB9B,#17A78A);}
.md .box .hd .tit{display:inline-block;float:left;margin-left:20px;height:40px;line-height:40px;color:#fff;font-size:16px;text-shadow:-1px 0 1px #0E6252;}
.md .box .hd .tit span{margin-left:10px;}
.md .box .hd .op{float:right;margin-right:10px;height:40px;line-height:40px;}
.md .box .hd .op a{padding:0 3px;color:#0E6252;font-size:18px; cursor:pointer;}
.md .box .hd .op a:hover{color:#fff;}
.md .box .bd{border:1px solid #ccc;border-radius:0 0 5px 5px;background:#fff;box-shadow:-2px 2px 2px #E9E9E9;}
.md .box.box0 .hd{border-color:#148F77 #148F77 #0E6252 #148F77;box-shadow:0 2px 3px #CECECE;border-radius:5px 5px 0 0;background-color:#1AB899;background-image:linear-gradient(#1BBB9B,#17A78A);background-image:-webkit-linear-gradient(#1BBB9B,#17A78A);background-image:-moz-linear-gradient(#1BBB9B,#17A78A);background-image:-o-linear-gradient(#1BBB9B,#17A78A);}
.md .box.box0 .hd .tit{text-shadow:-1px 0 1px #0E6252;}
.md .box.box0 .hd .op a{color:#0E6252;}
.md .box.box0 .hd .op a:hover{color:#fff;}
.md .box.box1 .hd{border-color:#217DBB #217DBB #196090 #217DBB;box-shadow:0 2px 3px #CECECE;border-radius:5px 5px 0 0;background-color:#2C91D6;background-image:linear-gradient(#48A2DE,#268DD2);background-image:-webkit-linear-gradient(#48A2DE,#268DD2);background-image:-moz-linear-gradient(#48A2DE,#268DD2);background-image:-o-linear-gradient(#48A2DE,#268DD2);}
.md .box.box1 .hd .tit{text-shadow:-1px 0 1px #196090;}
.md .box.box1 .hd .op a{color:#196090;}
.md .box.box1 .hd .op a:hover{color:#fff;}
.md .box.box2 .hd{border-color:#D62C1A #D62C1A #A82315 #D62C1A;box-shadow:0 2px 3px #CECECE;border-radius:5px 5px 0 0;background-color:#E43E2C;background-image:linear-gradient(#E64B3B,#E43826);background-image:-webkit-linear-gradient(#E64B3B,#E43826);background-image:-moz-linear-gradient(#E64B3B,#E43826);background-image:-o-linear-gradient(#E64B3B,#E43826);}
.md .box.box2 .hd .tit{text-shadow:-1px 0 1px #A82315;}
.md .box.box2 .hd .op a{color:#A82315;}
.md .box.box2 .hd .op a:hover{color:#fff;}

/********************************消息盒子****************************************/
.md .msg{margin-bottom:20px;}
.md .msg .bd{padding:20px;border:1px solid #ccc;border-radius:0 0 5px 5px;background:#fff;box-shadow:-2px 2px 2px #E9E9E9;font-size:16px;}
.md .msg .tit{display:block;position:relative;margin-left:20px;padding-left:30px;height:40px;line-height:40px;color:#fff;font-size:16px;}
.md .msg .tit:after{display:block;position:absolute;top:0;left:0;height:40px;line-height:40px;font-family:'FontAwesome';}


/*********************成功******************************************************/
.md .msg.msg0 .hd{border-color:#148F77 #148F77 #0E6252 #148F77;box-shadow:0 2px 3px #CECECE;border-radius:5px 5px 0 0;background-color:#1AB899;background-image:linear-gradient(#1BBB9B,#17A78A);background-image:-webkit-linear-gradient(#1BBB9B,#17A78A);background-image:-moz-linear-gradient(#1BBB9B,#17A78A);background-image:-o-linear-gradient(#1BBB9B,#17A78A);}
.md .msg.msg0 .tit{text-shadow:-1px 0 1px #0E6252;}
.md .msg.msg0 .tit:after{content:'\f00c';}
.md .msg.msg0 .bd{color:#18AD8F;}
/*********************失败******************************************************/
.md .msg.msg1 .hd{border-color:#D62C1A #D62C1A #A82315 #D62C1A;box-shadow:0 2px 3px #CECECE;border-radius:5px 5px 0 0;background-color:#E43E2C;background-image:linear-gradient(#E64B3B,#E43826);background-image:-webkit-linear-gradient(#E64B3B,#E43826);background-image:-moz-linear-gradient(#E64B3B,#E43826);background-image:-o-linear-gradient(#E64B3B,#E43826);}
.md .msg.msg1 .hd .tit{text-shadow:-1px 0 1px #A82315;}
.md .msg.msg1 .tit:after{content:'\f00d';}
.md .msg.msg1 .bd{color:#E5402F;}

/*********************************Form**************************************/
.md .fm{padding:15px 30px;}
.md .fm li{float:left;margin-bottom:10px;width:100%;color:#4B517D;}
.md .fm li.sm{width:50%;}
.md .fm li.sm2{width:50%;}
.md .fm li.sm3{width:33.33%;}
.md .fm li.sm4{width:25%;}
.md .fm li.sep{padding-top:10px;width:100%;height:0;border-bottom:1px dashed #ddd;}
.md .fm dt{height:32px;line-height:32px;font-weight:bold;font-size:14px;}

/***************************TextBox******************************************/
.md .txtbox{position:relative;height:40px;}
.md .txtbox:after{display:block;position:absolute;top:0;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-family:'FontAwesome';font-size:18px;}
.md .txt{display:block;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:10px;width:100%;height:40px;_height:18px;*height:18px;line-height:18px;border:1px solid #ccc;border-radius:5px;font-size:14px;box-shadow:0 1px 2px #D9D9D9 inset;}
.md .txt:focus{border-color:#64AEDF;}
.md .txt.dis,.md .area.dis,.md .selt.dis{background-color:#eee;}
.md .fm .note{display:block;line-height:20px;}
.md .fm .su .txt,.md .fm0 .wn .txt,.md .fm0 .er .txt{padding-right:40px;}
.md .fm .su{color:#468847;}
.md .fm .su .txtbox:after{content:'\f00c';}
.md .fm .su .txt:focus{border-color:#468847;}
.md .fm .wn{color:#89724D;}
.md .fm .wn .txtbox:after{content:'\f071';}
.md .fm .wn .txt:focus{border-color:#89724D;}
.md .fm .er{color:#B94A48;}
.md .fm .er .txtbox:after{content:'\f057';}
.md .fm .er .txt:focus{border-color:#B94A48;}
.md .fm .no .txtbox:after{display:none;}

/****************************TextArea******************************************/
.md .area{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:10px;width:100%;height:80px;line-height:20px;border:1px solid #ccc;border-radius:5px;font-size:14px;font-size:14px;box-shadow:0 1px 2px #D9D9D9 inset;overflow:hidden;}
.md .area:focus{border-color:#64AEDF;}
/****************************Select********************************************/
.md .selt{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:0 10px;width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;box-shadow:0 1px 2px #D9D9D9 inset;}
.md .selt:focus{border-color:#64AEDF;}
/****************************CheckBox&Radio************************************/
.md .chk{background-color:#eee;vertical-align:middle;}
.md .rdo{background-color:#eee;vertical-align:middle;}
.md .fm .chklist li{float:left;padding:0;}
.md .fm .chklist.big li{padding-bottom:5px;width:100%;}
.md .fm .chklist.sm li{width:auto;margin:0 20px 0 0;}
.md .fm .chklist label{margin-left:8px;vertical-align:middle;}


/*******************Button*************************************************/
.md .fm .btnlist{text-align:center;}
.md .fm .btnlist li{float:left;width:auto;margin:0 10px 10px 0;}
.md .btn{display:block;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:90px;height:40px;line-height:38px;border-width:1px;border-style:solid;border-radius:5px;text-align:center;font-size:16px;cursor:pointer; font-family:Microsoft YaHei;}
.md .large .btn{width:120px;}
.md .btn.btn0{border-color:#BAB9B8;color:#4B5159;background-color:#F9F8F5;background-image:linear-gradient(#FEFEFD,#F6F5F0);background-image:-webkit-linear-gradient(#FEFEFD,#F6F5F0);background-image:-moz-linear-gradient(#FEFEFD,#F6F5F0);background-image:-o-linear-gradient(#FEFEFD,#F6F5F0);text-shadow:-1px 0 1px #BAB9B8;}
.md .btn.btn1{border-color:#2D74A2;color:#fff;background-color:#348DC7;background-image:linear-gradient(#50A2D7,#2B82BB);background-image:-webkit-linear-gradient(#50A2D7,#2B82BB);background-image:-moz-linear-gradient(#50A2D7,#2B82BB);background-image:-o-linear-gradient(#50A2D7,#2B82BB);text-shadow:-1px 0 1px #2E729E;}
.md .btn.btn2{border-color:#71995B;color:#fff;background-color:#8BAE78;background-image:linear-gradient(#97B685,#80A76A);background-image:-webkit-linear-gradient(#97B685,#80A76A);background-image:-moz-linear-gradient(#97B685,#80A76A);background-image:-o-linear-gradient(#97B685,#80A76A);text-shadow:-1px 0 1px #547344;}
.md .btn.btn3{border-color:#46B8DA;color:#fff;background-color:#71C8E2;background-image:linear-gradient(#8FD4E9,#5EC1DE);background-image:-webkit-linear-gradient(#8FD4E9,#5EC1DE);background-image:-moz-linear-gradient(#8FD4E9,#5EC1DE);background-image:-o-linear-gradient(#8FD4E9,#5EC1DE);text-shadow:-1px 0 1px #228DAC;}
.md .btn.btn4{border-color:#EEA236;color:#fff;background-color:#F1B763;background-image:linear-gradient(#F4C27A,#F0AF51);background-image:-webkit-linear-gradient(#F4C27A,#F0AF51);background-image:-moz-linear-gradient(#F4C27A,#F0AF51);background-image:-o-linear-gradient(#F4C27A,#F0AF51);text-shadow:-1px 0 1px #DF8813;}
.md .btn.btn5{border-color:#E12A1D;color:#fff;background-color:#E85348;background-image:linear-gradient(#ED756C,#E54236);background-image:-webkit-linear-gradient(#ED756C,#E54236);background-image:-moz-linear-gradient(#ED756C,#E54236);background-image:-o-linear-gradient(#ED756C,#E54236);text-shadow:-1px 0 1px #BD2417;}


/****************************************************************************************/
.md .fm.fm0{padding:15px 20px;}
.md .fm.fm0 dl{margin:0 10px;}
.md .fm0 dt{width:100%;}
.md .fm1 li{margin-bottom:15px;}
.md .fm1 dt{float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding-right:20px;width:30%;content:'';text-align:right;height:40px;line-height:40px;}
.md .fm1 dd{float:left;width:70%;}
.md .fm1 .chklist.sm li{line-height:40px;}
.md .fm1 .chklist.big li{margin:0;line-height:24px;}
/******************Table****************************************************/
.md .data{padding:15px 30px;color:#4B5159;}
.md .data .tp{margin-bottom:15px;height:32px;}
.md .data .size{float:left;line-height:32px;font-size:14px;font-weight:bold;}
.md .data .size .selt{display:inline-block;width:80px;height:32px;line-height:32px; vertical-align:middle;}
.md .data .search{float:right;position:relative;width:200px;height:32px;}
.md .data .search .txt{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:6px 40px 6px 10px;width:100%;height:32px;border:1px solid #C1BDB8;border-radius:4px;box-shadow:0 1px 2px #E4E4E4 inset;line-height:18px;}
.md .data .search .btn{display:block;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;position:absolute;right:1px;top:1px;width:40px;height:30px;line-height:30px;text-align:center;background-color:transparent;font-size:16px;font-family:'FontAwesome';cursor:pointer;}
.md .data .search .btn:hover{color:#FF3300;}
.md .data table{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:100%;border:1px solid #ddd;font-size:14px;}
.md .data th{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:8px;height:40px;line-height:24px;font-weight:bold;text-align:left;border-right:1px solid #ddd; vertical-align:middle;color:#4B5159;}
.md .data .ckb{background-color:#DEDEDE;}
.md .data th.ck{width:8%;}
.md .data th.both{background:url("img/sort_both.png") right center no-repeat;}
.md .data th.desc{background:url("img/sort_desc.png") right center no-repeat;}
.md .data th.asc{background:url("img/sort_asc.png") right center no-repeat;}
.md .data th.del{width:10%;border-right:none;}
.md .data th.id{width:10%;}
.md .data th.da{width:24%;}
.md .data td{line-height:24px;border-style:solid;border-color:#ddd;border-width:1px 1px 0 0;color:#5A626B;}
.md .data td .btn{display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;margin:0 3px;width:30px;height:24px;line-height:20px;border-width:1px;border-style:solid;border-radius:4px;font-family:'FontAwesome';text-align:center;cursor:pointer;}
.md .data td .btn.del{border-color:#E12A1D;color:#fff;background-color:#E85348;background-image:linear-gradient(#ED756C,#E54236);background-image:-webkit-linear-gradient(#ED756C,#E54236);background-image:-moz-linear-gradient(#ED756C,#E54236);background-image:-o-linear-gradient(#ED756C,#E54236);text-shadow:-1px 0 1px #BD2417;}
.md .data td .btn.edit{border-color:#71995B;color:#fff;background-color:#8BAE78;background-image:linear-gradient(#97B685,#80A76A);background-image:-webkit-linear-gradient(#97B685,#80A76A);background-image:-moz-linear-gradient(#97B685,#80A76A);background-image:-o-linear-gradient(#97B685,#80A76A);text-shadow:-1px 0 1px #547344;}
.md .data td .btn.view{border-color:#46B8DA;color:#fff;background-color:#71C8E2;background-image:linear-gradient(#8FD4E9,#5EC1DE);background-image:-webkit-linear-gradient(#8FD4E9,#5EC1DE);background-image:-moz-linear-gradient(#8FD4E9,#5EC1DE);background-image:-o-linear-gradient(#8FD4E9,#5EC1DE);text-shadow:-1px 0 1px #228DAC;}
.md .data .btm{margin-top:20px;}
.md .data .btm .note{display:block;float:left;line-height:32px;font-size:14px;}
.md .data .pager{float:right;}
.md .data .pager a{display:block;width:30px;height:30px;line-height:30px;float:left;border-style:solid;border-color:#ddd;border-width:1px 1px 1px 0;background-color:#fff;color:#2980B9;cursor:pointer;text-align:center;color:#2980B9;}
.md .data .pager a:hover{background-color:#eee;}
.md .data .pager a.cur{background-color:#2980B9;color:#fff;}
.md .data .pager a.cur:hover{background-color:#2980B9;}
.md .data .pager a.dis{color:#999;cursor:default;background-color:#F3F3F3;}
.md .data .pager a.dis:hover{background-color:#F3F3F3;}
.md .data .pager a.prev{width:72px;border-width:1px;border-radius:4px 0 0 4px;}
.md .data .pager a.next{width:72px;border-radius:0 4px 4px 0;}

/**************************************MessageBox**************************************************/

.md .msgbx{display:block;position:relative;padding:20px 20px 20px 40px;border-style:solid;border-width:1px;border-radius:5px;font-size:14px;line-height:20px;}
.md .msgbx:after{display:block;position:absolute;top:50%;left:20px;margin-top:-10px;height:20px;width:20px;line-height:20px;font-size:16px;}
.md .msgbx.su{border-color:#468847;background-color:#D7EAD7;color:#468847;}
.md .msgbx.su:after{font-family:'FontAwesome';content:'\f058';}
.md .msgbx.wn{border-color:#89724D;background-color:#E3DCCE;color:#89724D;}
.md .msgbx.wn:after{font-family:'FontAwesome';content:'\f05a';}
.md .msgbx.er{border-color:#B94A48;background-color:#EBCAC9;color:#B94A48;}
.md .msgbx.er:after{font-family:'FontAwesome';content:'\f057';}
.md .msgbxlist{padding:15px 30px;}
.md .msgbxlist li{float:left;margin:10px 0;width:100%;}
.md .msgbxlist .op .btn{float:right;}
/*************************************主内容区布局***********************************************/
.md .main .mb0,.md .main .mb1{margin-bottom:20px;}
.md .main .mb01,.md .main .mb02{float:left;width:50%;}
.md .main .mb01 .box{margin-right:10px;}
.md .main .mb02 .box{margin-left:10px;}

/*************************************FormTable**************************************************/
.md .fmtb{border:1px soild #dfdfdf;box-shadow:3px 3px 8px #BEBEBE; background-color:#fff;}
.md .fmtb .cn{padding:40px 30px;}
.md .fmtb .cn .tit{margin:30px 0;}
.md .fmtb .cn h3{font-size:24px;line-height:36px;text-align:center;}
.md .fmtb .cn h4{font-size:18px;line-height:36px;text-align:center;}
.md .fmtb table{width:100%;border:1px solid #dfdfdf;}
.md .fmtb table th{padding:0 8px;width:20px;text-align:center;font-size:18px;border:solid #dfdfdf;border-width:0 1px 1px 0;}
.md .fmtb table td.t{padding:6px 0;width:120px;height:24px;line-height:24px;font-size:14px;font-weight:bold;border:solid #dfdfdf;border-width:0 1px 1px 0;text-align:center;}
.md .fmtb table td.d{padding:6px 10px;height:24px;line-height:24px;font-size:14px;border:solid #dfdfdf;border-width:0 1px 1px 0;}
.md .fmtb table .txt{display:block;padding:0;width:100%;height:24px;line-height:24px;border:none;box-shadow:none;}
.md .fmtb table .selt{display:block;padding:0;width:100%;height:24px;line-height:24px;border:none;box-shadow:none;}
.md .fmtb .btm{padding:30px 0;}
.md .fmtb .btn{float:right;margin-left:10px;}

#mainFrame{margin:0;padding:0;width:100%;min-width:920px;border:none;}